1.3.3 编译移动客户端源码

1.简介：

E聊SDK提供了一个基本的移动客户端Demo源码，通过编译该客户端，可以接入E聊服务器，实现单聊/群聊等功能。移动客户端使用ReactNative 技术开发，适配了Android, ios, 移动网页等三个平台，实现使用一套代码适配三个平台，大大降低了代码开发量。移动客户端仅包含演示Demo部分，需要从echatim-client-ts-core工程手动引入SDK。以下介绍如何从源码编译移动客户端。

2.操作步骤:

2.1 下载 echatim-client-ts-core v1.01 源码, 编译出核心SDK

git clone https://gitee.com/dzqmeiji/echatim-client-ts-core.git
cd echatim-client-ts-core/
git checkout -b v1.01 v1.01
yarn tslib # 编译出核心SDK到 dist/echatim-lastest.tar.gz, window平台请预先安装git bash相关unix工具

2.2 下载移动客户端Release v1.01 源码, 安装相关依赖

git clone https://gitee.com/dzqmeiji/echatim-client-rn.git
cd echatim-client-rn/
git checkout -b v1.01 v1.01
mkdir -p src/libs/sdk  # 创建核心SDK源码目录
# 手动拷贝上一步编译出的echatim-lastest.tar.gz 到项目根目录下
yarn importlib # 解压echatim-lastest.tar.gz 的内容到src/libs/sdk目录下
yarn install

2.3 编辑客户端连接配置

情况1: 我们使用本地服务器做为聊天后台，配置更改为本地的配置

//      src/dev.ts 文件内容
export const DevConfig = {
    HOST:'localhost',
    FILE_SERVER_URL:'http://localhost:8082',
};

//      src/AppInitializer.ts 文件内容
  sdkConfig.httpPort = 8082; //使用线上默认配置
  sdkConfig.socketPort = 9092; //使用线上默认配置
  sdkConfig.key = 'TSDKTEST00001;
  sdkConfig.secret = ''; // 这是保留配置, 不需要更改

//  .env 文件内容
  SKIP_PREFLIGHT_CHECK=true
  # config web
  HOST=192.168.0.100 # 修改为本机IP地址
  PORT=18088

情况2: 我们使用E聊线上服务器做为聊天后台，配置都使用默认的配置，账号申请方式请查看管理后台使用

//      src/dev.ts 文件内容
export const DevConfig = {
    HOST:'api.echat.work',
    FILE_SERVER_URL:'http://api.echat.work:58082',
};

//      src/AppInitializer.ts 文件内容
  sdkConfig.httpPort = 58082; //使用线上默认配置
  sdkConfig.socketPort = 59092; //使用线上默认配置
  sdkConfig.key = '修改这一项为自己的AppKey;
  sdkConfig.secret = ''; // 这是保留配置, 不需要更改

//  .env 文件内容
  SKIP_PREFLIGHT_CHECK=true
  # config web
  HOST=192.168.0.100 # 修改为本机IP地址
  PORT=18088

2.4 启动移动Web客户端

    yarn web

启动后访问: http://本机IP:18088 即可访问移动网页Demo项目。

2.5 启动Android客户端

    yarn android

启动后可在Android模拟器看到登录界面

2.6 启动iOS客户端

    yarn ios

启动后可在iOS模拟器查到登录界面